*{margin:0;padding:0;font-weight: normal;}
h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-size:100%;}
fieldset,img{border:0;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
caption,th{text-align:left;}
li{list-style:none;}
address,cite,code,dfn,var,em,th,i{font-style:normal;font-weight:normal;}
button,input,textarea{outline:none;font-family:inherit;}
body {font:14px/1.5 "Microsoft YaHei",\5b8b\4f53;color:#666666;word-wrap:break-word;word-break:break-all;background:#0a000b url(../images/bg.jpg) no-repeat center;overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 {color:#666666;}
a {text-decoration:none;color:#666;}
select, dl {word-wrap:normal;}
input,button,img,div,a{border:0px;}
.clearfix:after {content:"";display:block;height:0;clear:both;}
.clearfix {zoom:1;}
.fl {float:left;}
.fr {float:right;}

/*四个角*/
.topL{width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;top:-2px;left:-2px}
.topR{width:20px;height:20px;border-top-width:2px;border-top-color:#26c6f0;border-top-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;top:-2px;right:-2px}
.bottomL{width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-left-width:2px;border-left-color:#26c6f0;border-left-style:solid;position:absolute;bottom:-2px;left:-2px}
.bottomR{width:20px;height:20px;border-bottom-width:2px;border-bottom-color:#26c6f0;border-bottom-style:solid;border-right-width:2px;border-right-color:#26c6f0;border-right-style:solid;position:absolute;bottom:-2px;right:-2px}


.wrapper{ width:100%; margin:0 auto;overflow:hidden;}
.top{ width:100%; height:78px; float:left; background:url(../images/top.png) no-repeat center;}
.logo{ width:100%; height:50px; float:left; margin:17px 0 0 0;  background:url(../images/logo.png) no-repeat center; }
.layout{ width:99.5%;  float:left; padding:0.5% 0 0 0.5%; }
/*左边开始*/
.layout_left{width:25.5%; float:left; min-height:992px;}
.layout_left_top{ width:100%; float:left;}

.nav{ width:100%; float:left;}
.nav_left{ width:38%; float:left; height:10px; margin:10px 0 0 0; background:url(../images/nav_left.png) right no-repeat;}
.nav_cont{ width:24%; float:left;  text-align:center; line-height:30px; color:#4fd9fc; font-size:18px; font-weight:bold;}
.nav_right{ width:38%; float:right; height:10px;margin:10px 0 0 0;background:url(../images/nav_right.png) left no-repeat;}

.data-box1{border:2px solid #0e607b;
-webkit-box-shadow:#1c1976 0 0 15px;
-moz-box-shadow:#1c1976 0 0 15px;
box-shadow:0 0 15px #1c1976;
position:relative; height:275px; margin:40px 0 0 0;}

.layout_left_bottom{ width:100%; float:left;margin:25px 0 0 0;}
.data-box2{border:2px solid #0e607b;
-webkit-box-shadow:#1c1976 0 0 15px;
-moz-box-shadow:#1c1976 0 0 15px;
box-shadow:0 0 15px #1c1976;
position:relative; height:610px; margin:40px 0 0 0;}

.left_bottom_con{ width:97.5%; height:330px;float:left;  padding:9% 0 0 2.5%; }
.left_bottom_bom{ width:97.5%; height:270px; float:left; padding:3% 0 0 2.5%; }



/*左边完*/

/*中间开始*/
.layout_cont{width:48.5%; float:left; min-height:992px; overflow:hidden; padding:0 0 0 0.5%; }
.layout_cont_top{ width:100%; height: 700px;  floet:left;  }

.cont_top_h{width:100%; height:114px;float:left;margin:15px 0 0 0; display: flex;background:url(../images/h_bg.png) center no-repeat; }
.h_left{ width:28%; line-height:114px; font-size:28px; text-align:right; color:#4fd9fc; font-weight: bold;  }
.h_cont{width:52%; line-height:114px;   font-size:28px; text-align:center;color:#4fd9fc; font-weight: bold; }
.digital{ width:44px; height:61px; font-size:48px; padding:0 5px 0 5px; margin:0 5px 0 0;   color:#ee4b4a; background:#17258d;font-weight: bold; }
.h_right{width:18%; margin:30px 0 0 0; color:#4fd9fc;font-size:25px;}
.percentage_top{ width:100%;line-height:24px;font-size:40px;    font-weight: bold; }
.percentage_bott{ width:100%;line-height:24px;font-size:20px; float:left;    }



.cont_top_map{width:100%; height:821px;  background:url(../images/mep.png) -45px 10px no-repeat; }
.hnt1{ width:100px;float:left;position:relative;top:280px; left:240px; }
.hnt_top{ width:63px; height:61px;line-height:40px;  background:url(../images/mep_xi.png) no-repeat; color:#FFF; font-size:14px; font-weight:bold;  float:left; text-align:center; }
.hnt_bom{font-size:22px; font-weight:bold; color:#FFF; float:left;}
.hnt2{ width:100px;float:left; position:relative; top:320px; left:580px;}
.hnt3{ width:100px;float:left; position:relative; top:150px; left:370px;}
.hnt4{ width:100px;float:left; position:relative; top:270px; left:200px;}
.hnt5{ width:100px;float:left; position:relative;top:120px; left:-80px;}
.hnt6{width:100px;float:left; position:relative;top:50px; left:-20px;}


.layout_cont_bottom{ width:100%; floet:left; }
.data-box3{border:2px solid #0e607b;
-webkit-box-shadow:#1c1976 0 0 15px;
-moz-box-shadow:#1c1976 0 0 15px;
box-shadow:0 0 15px #1c1976;
    display: flex;align-items: center;
position:relative; height:250px; margin:40px 0 0 0;}


/*中间开始*/



/*右边开始*/
.layout_right{width:25.5%; float:right;  }
.layout_right_top{ width:100%; float: left; }
.layout_right_cont{ width:100%; float: left;margin:25px 0 0 0;}
.layout_right_bottom{ width:100%;float: left;margin:25px 0 0 0;}



.data-box4{border:2px solid #0e607b;
-webkit-box-shadow:#1c1976 0 0 15px;
-moz-box-shadow:#1c1976 0 0 15px;
box-shadow:0 0 15px #1c1976;
position:relative; height:295px; margin:40px 0 0 0; }


.data-box5{border:2px solid #0e607b;
-webkit-box-shadow:#1c1976 0 0 15px;
-moz-box-shadow:#1c1976 0 0 15px;
box-shadow:0 0 15px #1c1976;
position:relative; height:250px; margin:40px 0 0 0;}



/*右边完*/





















